<template>
</template>

<script>
	//前置，需要先安装router
		// 手动在 package.json 中添加最新版本依赖：
		// json
		// {
		//   "dependencies": {
		//     "vue-router": "^3.5.2" 
		//   }
		// }
		//然后npm install vue-router
	//在router.js中
		// 1. 引入 Vue 和 VueRouter
		import Vue from 'vue'
		import VueRouter from 'vue-router'
		
		// 2. 告诉 Vue 使用路由插件（就像给书安装魔法）
		Vue.use(VueRouter)
		
		// 3. 定义你的「房间」（组件）
		import Home from "./components/zhujian.vue"
		
		// 4. 定义路由规则（书的目录）
		const routes = [
		  { path: '/home', component: Home },  // 路径 /home 对应 Home 组件
		]
		
		// 5. 创建路由实例（制作魔法书）
		const router = new VueRouter({
		  routes // 简写，相当于 routes: routes
		})
		//导出
		export default router 
	//在main.js中
		import router from './router.js'//导入路由
		new Vue({
		  router,//挂载路由
		  render: h => h(App),
		}).$mount('#app')
	//在app.vue中
		//<router-link to="/home">去客厅</router-link> 
		//<router-view></router-view>路由出口：匹配的组件会在这里渲染
</script>

<style>
</style>